import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import Button from '../index';
import '../../../styles/index.scss';

<Meta title="Button - 按钮" component={Button}/>

# 代码演示

<br/>
<br/>

## 按钮类型 - btnType

按钮有五种类型：默认按钮、主要按钮、危险按钮、警告按钮、链接按钮
分别对应以下类型： `default`、`primary`、`danger`、`waring`、`link`

> 注意： link类型的按钮，必须要添加`href`属性才可以生效嗷

export const Template = (args) => <Button {...args} />

<Canvas>
  <Button>默认</Button>
  <Button btnType="primary">主要</Button>
  <Button btnType="danger">危险</Button>
  <Button btnType="waring">警告</Button>
  <Button btnType="link" href="#">链接</Button>
</Canvas>

## 按钮尺寸 - size

- 按钮共有3中尺寸：默认、大、小
- 对应属性为： `default`、'lg'、'sm'

<Canvas>
  <Button btnType="danger" size="sm">小小小</Button>
  <Button btnType="danger">默默默认</Button>
  <Button btnType="danger" size="lg">大大大</Button>
</Canvas>
